<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        let obj  = {
            name:"张三",
            age:20,
            height:"178cm"
        }

    // 一、常规思维 
//     function o2s(obj){
//         // let arr = [];
//         var str = "";
//         for(let key in obj){
//             if(Object.hasOwn(obj,key)){
//                 // arr.push(`${key}=${obj[key]}`);
//                 str += `${key}=${obj[key]}&`;
//             }
//         }
//         // console.log(str);
//         str = str.substr(0,str.length-1);
//         // console.log(str);
//         // console.log(arr);
//         return str;
//         // return arr.join("&");
//     }


//   console.log(  o2s(obj) );

// 二 、keys 和 values

// function o2s(obj){
//     var keys = Object.keys(obj);
//     var values = Object.values(obj);
//    var arr =  keys.map(function(key,k){
//         return `${key}=${values[k]}`;
//     })
//     // console.log(arr);
//     return arr.join("&");
// }


const o2s = obj=>Object.keys(obj).map((key,k)=>`${key}=${Object.values(obj)[k]}`).join("&");


console.log(o2s(obj));



    </script>
</body>
</html>